<html><head>
    <title>多道游戏</title>
    <meta charset="utf-8">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="../js/gundong.js"></script>
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/global.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/validate.css">
    <link rel="import" href="top.html">
    <!-- #include file = "top.html" -->
</head>
<body>
<div class="top"><div class="top">
    <div class="zhong clearfix">
        <label style="margin-left: 150px;" class="label_age">年龄</label>
        <div class="time" style="margin: 0 10px 0 10px;">
            <input type="text" class="cus_age">
        </div>
        <a href="#" class="xinxi customized_btn">定制信息</a>
        <p class="zc login_info" style="display: inline-block; float: right;"><a href="#" id="login" class="login_btn">登录</a><a href="#" id="regist" class="reg_btn">注册</a></p>
        <div class="user inlineblock clearfix relative login_ok" style="display:none;margin-left:20px;float:right">
            <span class="user_img inlineblock floatleft"><img src="http://img.duodaohulian.com/img/content/user1.png"></span>
            <span class="user_name floatleft marl10">Hi,193847658</span>
            <ul class="user_drop">
                <li><a href="javascript:void(0)" onclick="personalCenterClick()">个人中心</a></li>
                <li><a href="javascript:void(0)" onclick="myHomeClick()">我的家</a></li>
                <li><a href="#" class="logout">退出账号</a></li>
            </ul>
        </div>
    </div>
</div>


<!--注册信息begin-->
<div id="pop_reg" class="pop pop_reg" style="display:none ;">
</div>
<!--登录弹出begin-->
<div id="loginPop" class="pop pop_login" style="display:none;">
</div>
<!--登录弹出over-->
<!--登录成功弹出begin-->
<div class="pop " style="display:none;">
    <div class="reg_box">
        <p class="aligncenter chfont font30 login_success">登录成功</p>
    </div>
</div>
<!--登录成功弹出over-->
<!--找回密码begin-->
<div id="findPwdPop" class="pop " style="display:none;">
    <!--<p><a href="#" class="btn btn_back chfont">返回</a></p>-->
    <!--<div class="reg_box mart40" style="display: ;">-->
        <!--<table width="100%">-->
            <!--<tr>-->
                <!--<th>手机号</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="phoneNumber" type="text" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label">请输入正确的手机号</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>验证码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="validateCode" type="text" placeholder="">-->
                        <!--<a href="javascript:;" class="code">获取验证码</a>-->
                        <!--<span class="code code_wait" style="display:none;"><em>50</em>秒</span>-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">验证码不正确</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>新密码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input id="pwd" type="password" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">密码不正确</label>-->
                <!--</td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<th>确认密码</th>-->
                <!--<td>-->
                    <!--<div class="has-general clearfix">-->
                        <!--<input  id="rePwd" type="password" type="text" placeholder="">-->
                    <!--</div>-->
                    <!--<label class="control-label" title="出错加has-error">密码不匹配</label>-->
                <!--</td>-->
            <!--</tr>-->
        <!--</table>-->
        <!--<p class="alignright mart10 login_reg">-->
            <!--<a href="#" class="btn btn_reg">确 定</a>-->
        <!--</p>-->
    <!--</div>-->
</div>
<!--注册页面的白色半透明遮罩begin-->
<div class="mask mask_b" style="display: none;"></div>
<!--<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>-->
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<!--<script type="text/javascript" src="../js/regist/regist.js"></script>-->
<!--<script type="text/javascript" src="../js/regist/findPwd.js"></script>-->
<script type="text/javascript" src="../js/module/login.js"></script>
<script type="text/javascript">
    $(".customized_btn").off("click").on("click",function(){
        var age = $(".cus_age").val();
        if(age!="" && age!=undefined) {
            window.location.href = "customized.html?age=" + age;
        }else{
            window.location.href = "customized.html";
        }
    });
    if(common.getCookie("loginName")){
        $(".login_info").css("display","none");
        $(".login_ok").css("display","inline-block");
        var loginName = common.getCookie("loginName");
        $(".login_ok .user_name").html("Hi,"+loginName);
    }else{
        $(".login_ok").css("display","none");
        $(".login_info").css("display","inline-block");
    }


</script>
<!--找回密码over--></div>
<div class="menu">
    <div class="menu-1">
        <img src="http://img.duodaohulian.com/img/content/logo.png" class="logo">
        <div class="dh">
            <div class="list chfont">
                <ul>
                    <li><a href="index.html" categoryid="1">首页</a></li>
                    <li class="current"><a href="#" categoryid="2">多道焦点</a></li>
                    <li><a href="./theatre.html" categoryid="3">星际剧场</a></li>
                    <li><a href="./forum.html" categoryid="4">多道论坛</a></li>
                    <li><a href="./activity.html" categoryid="5">星际活动</a></li>
                    <li class="current"><a href="#" categoryid="6">多道游戏</a></li>
                </ul>
            </div>
            <div class="main up_safe">
                <div class="chfont">
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,1)">生存安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,2)">营养安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,3)">运动安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,4)">亲子安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,5)">社交安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,6)">网络安全</a>
                    <a href="javascript:void(0)" onclick="common.queryInfoList(this,7)">海外安全</a>
                </div>
            </div>
            <div class="niu">
                <img src="http://img.duodaohulian.com/img/content/mow.png" class="wn">
                <img src="http://img.duodaohulian.com/img/content/tree.png" class="tree">
                <img src="http://img.duodaohulian.com/img/content/tree1.png" class="tree1">
            </div>
        </div>
    </div>
</div>
<div class="count_inner">
    <div class="cloud_1"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_2"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="cloud_3"><img src="http://img.duodaohulian.com/img/content/cloud_1.png"></div>
    <div class="cloud_4"><img src="http://img.duodaohulian.com/img/content/cloud_2.png"></div>
    <div class="shan"><img src="http://img.duodaohulian.com/img/content/shan.png"></div>
    <div class="shan1"><img src="http://img.duodaohulian.com/img/content/diqiu.png"></div>
    <div class="you"><img src="http://img.duodaohulian.com/img/content/youce.png"></div>
    <div class="first">
        <div class="zt">
            <div class="yi">
                <span class="font zhuanti">专题</span>
                <div class="zt1">
                    <a class="more" href="./index.html">更多&gt;</a>
                </div>
            </div>
            <div class="huadong">
                <!--huadong-->
                <div class="gdbar" id="gdbardiv">
                    <a href="javascript:void(0)" class="syrolll" id="gdbar-lbtn"></a>
                    <div class="showdiv">
                        <ul id="gdbarlist" class="gdbarul" style="width: 963px; overflow: hidden;"><div style="overflow: hidden; zoom: 1; width: 32766px;"><div style="float: left; overflow: hidden; zoom: 1;"><li>    <div class="cover">        <a href="http://www.duodaohulian.com:8999/games/CarEscape/index.html?flag=index" class="baner"><img src="../img/car.png"></a>    </div>   <h2>生存安全游戏——车内逃脱</h2>    <p>模拟被锁车内的真实场景，让孩子寻找逃出车内的所需道具，在游戏中教会孩子多种自救方法。
</p></li><li>
<div class="cover">        <a href="http://120.76.161.122:8999/games/Restaurant/index.html?flag=index" class="baner"><img src="../img/food.png"></a>    </div>   
     <h2>营养安全游戏——多道餐厅</h2>    <p>通过生动的生活场景，对营养色彩知识进行学习。</p></li></div></div></ul>
                    </div>
                    <a href="javascript:void(0)" id="gdbar-rbtn" class="syrollr"></a>
                </div>

                <!--huadong-->
            </div>
        </div>
    </div>
    <!--<div class="first">
        <div class="zt">
            <div class="yi yi1">
                <span class="font zixun">资讯</span>
                <div class="zt1">
                    <div class="xz down_safe">
                        <ul>
                            <li class="hwaq"><a href="javascript:void(0)" safetypeid="1" onclick="common.queryInfoList(this,1)">生存安全</a></li>
                            <li class="hwaq"><a href="javascript:void(0)" safetypeid="2" onclick="common.queryInfoList(this,2)">营养安全</a></li>
                            <li class="hwaq"><a href="javascript:void(0)" safetypeid="3" onclick="common.queryInfoList(this,3)">运动安全</a></li>
                            <li class="hwaq"><a href="javascript:void(0)" safetypeid="4" onclick="common.queryInfoList(this,4)">亲子安全</a></li>
                            <li class="hwaq"><a href="javascript:void(0)" safetypeid="5" onclick="common.queryInfoList(this,5)">社交安全</a></li>
                            <li class="hwaq"><a href="javascript:void(0)" safetypeid="6" onclick="common.queryInfoList(this,6)">网络安全</a></li>
                            <li class="hwaq"><a href="javascript:void(0)" safetypeid="7" onclick="common.queryInfoList(this,7)">海外安全</a><img src="http://img.duodaohulian.com/img/content/mao.png"></li>
                        </ul>
                        <img src="http://img.duodaohulian.com/img/content/tiao.png" class="tiao">
                    </div>
                    <a class="more gd" href="./focusInfoList.html">更多&gt;</a>
                </div>
            </div>
            <div class="huadong1">
                <ul id="gdmessagelist" class="wx clearfix"><li style="height: 254px"><a href="./focusInfoDetail.html?focusId=276"><img src="http://img.duodaohulian.com/img/resource/focus/zxsxnxl.jpg"></a><span class="yd">运动安全</span>   <h3 style="position:relative;top:30px">中学生校内训练了跑步身亡 家长获赔8.4万</h3>    <p>为了参加中学生运动会，14岁的女中学生王小君(化名)在学校的组织下放学后留校训练，不料在跑步过程中倒地，之后抢救无效死亡。其父母将学校诉至法院，但因父母未启动尸检，未能查明死因。近日，广州南沙法院一审判决，学校担责一成，扣除此前已垫付的3万元医疗费，学校还应赔偿王小君父母5.4万余元。</p></li><li style="height: 254px"><a href="./focusInfoDetail.html?focusId=275"><img src="http://img.duodaohulian.com/img/resource/focus/jtlzydetbyjx_L.jpg"></a><span class="yd">运动安全</span>   <h3 style="position:relative;top:30px">警惕！六种运动儿童不宜进行</h3>    <p>为了有一个健壮的身体，一些家长过早地让孩子从事某些健体运动，殊不知有些健体运动不仅不利于孩子身体的锻炼，反而容易造成伤害。</p></li><li style="height: 254px"><a href="./focusInfoDetail.html?focusId=274"><img src="http://img.duodaohulian.com/img/resource/focus/ozxpy_ L.jpg"></a><span class="yd">运动安全</span>   <h3 style="position:relative;top:30px">欧洲小朋友 三分之一体重超标</h3>    <p>儿童体重超过标准体重的20%以上即为肥胖。儿童肥胖超标的主要原因是食量过大，粮食或肉类摄入过多，和或缺乏活动量以及少数儿童有家族肥胖史有关。世界卫生组织欧洲区域办事处发布的一份最新报告指出，欧洲地区11岁和13岁儿童中，大约有三分之一体重超过正常标准。世卫组织担心，由于这一现象如此常见，儿童体重超标很可能成为该区域所面临的一种新的健康风险。</p></li><li style="height: 254px"><a href="./focusInfoDetail.html?focusId=273"><img src="http://img.duodaohulian.com/img/resource/focus/b16snsjxcw L.jpg"></a><span class="yd">运动安全</span>   <h3 style="position:relative;top:30px">悲！16岁男生军训猝亡！孩子遇到以下情况千万别坚持！</h3>    <p>　8月13日上午，陕西泾阳一16岁男生黄某在学校军训时突然头晕、呕吐，送医抢救1小时后不幸身亡。泾阳县教育局称，班主任查宿时发现黄某有异常，但对方称自己有些头晕，吃些药就好了，并未申请免训。</p></li><li style="height: 254px"><a href="./focusInfoDetail.html?focusId=272"><img src="http://img.duodaohulian.com/img/resource/focus/zgetpbyybl_ L.jpg"></a><span class="yy">营养安全</span>   <h3 style="position:relative;top:30px">中国儿童普遍营养不良，你知道为什么吗？</h3>    <p>生活越来越好，吃的东西也越发丰富，但是孩子的营养却经常出问题，他们往往不是小胖子就是个小豆芽。其实无论是胖还是瘦，都是营养不良的表现，而导致这一情况的原因很可能就是因为孩子吃了“成人饭”。</p></li><li style="height: 254px"><a href="./focusInfoDetail.html?focusId=271"><img src="http://img.duodaohulian.com/img/resource/focus/xzetspdyl_ L.jpg"></a><span class="yy">营养安全</span>   <h3 style="position:relative;top:30px">选择儿童食品的要领</h3>    <p>最好制作的材料取自于新鲜蔬菜，水果及肉蛋类，不加有人工色素、防腐剂、乳化剂、调味剂及香味素，即使有甜味也是天然的。</p></li></ul>
            </div>
        </div>
    </div>-->
    <div class="bt_side chfont">
        <img src="http://img.duodaohulian.com/img/content/head.png" class="tou">
        <div class="duihua">
            <span class="font">扫一扫，<br>了解星球的<br>更多小秘密！</span>
            <img src="http://img.duodaohulian.com/img/content/bee.png" class="bee">
            <p><img src="http://img.duodaohulian.com/img/content/weima.jpg"></p>
        </div>
        <div class="bt_nav">
            <ul class="bt_nav_in">
                <li><a href="followUs.html">关注我们</a></li>
                <li><a href="aboutUs.html">关于我们</a></li>
                <li><a href="person.html">多道人物</a></li>
                <li><a href="guide.html">新手指南</a></li>
                <li><a href="help.html">帮助</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="footer footer_full">
    <div class="img_auto"><img src="http://img.duodaohulian.com/img/content/bottom.png"></div>
    <div class="car">
        <img src="http://img.duodaohulian.com/img/content/car.png">
        <img src="http://img.duodaohulian.com/img/content/car1.png">
    </div>
    <p>深圳市多道互联科技有限公司 粤ICP备16060034号</p>
</div>
<div id="pageTopAncer">
    <div class="pageTop_com">
        <a href="#"><img src="http://img.duodaohulian.com/img/content/top.png"></a>
    </div>
    <a href="#"><img src="http://img.duodaohulian.com/img/content/icon-1.png"></a>
</div>
<!--注册页面的黑色半透明遮罩begin-->
<div class="mask mask_b" style="display:none;"></div>
<!--注册页面的黑色半透明遮罩over-->


<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/underscore-min.js"></script>
<script type="text/javascript" src="../js/imgauto.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/url.js"></script>
<script type="text/javascript" src="../js/common/httpService.js"></script>
<script type="text/javascript" src="../js/regist/regist.js"></script>
<script type="text/javascript" src="../js/regist/findPwd.js"></script>

<script>
    $(".top").load("top.html");
    var categoryId = 1 ;
    var safeTypeId = common.getParameter("safeTypeId");
    searchFocus(categoryId,safeTypeId);
    function searchFocus(categoryId,safeTypeId){

        var promise = httpService.get({
            url:url.focus,
            data:{
                "categoryId":categoryId,
                "safeTypeId":safeTypeId
            }
        });
        promise.then(function(response){
            var focusHtml = "",
                    messageHtml = "";

            if(response.success){
                _.each(response.focus,function(focus,index){
                    if(index<5){
                        var url = focus.photoUrl+focus.photoName;
                        focusHtml+=  '<li>'+
                                '    <div class="cover">'+
                                '        <a href="./focusSpecialDetail.html?focusId='+focus.focusId+'" class="baner"><img src="'+url+'"/></a>'+
                                '    </div>'+
                                '   <h2>'+focus.subject+'</h2>'+
                                '    <p>'+focus.briefContent+'</p>'+
                                '</li>'
                    }
                });

                _.each(response.message,function(message,index){
                    if(index<6){
                        var url = message.photoUrl+message.photoName;
                        var safeInfo = common.getSafeType(message.safeType);
                        messageHtml+=  '<li style="height: 254px">'+
                                '<a href="./focusInfoDetail.html?focusId='+message.focusId+'"><img src="'+url+'"/></a>'+
                                '<span class="'+safeInfo.safeClass+'">'+safeInfo.safeType+'</span>'+
                             //   '<p>'+message.briefContent+'</p>'+
                                '   <h3 style="position:relative;top:30px">'+message.subject+'</h3>'+
                                '    <p>'+message.briefContent+'</p>'+
                                '</li>'
                                
                    }
                });
            }

            $("#gdbarlist").html("").append(focusHtml);
            $("#gdmessagelist").html("").append(messageHtml);
            response.message;
        }).then(function(){
            var scrollPic_13 = new ScrollPic();
            scrollPic_13.scrollContId = "gdbarlist"; //内容容器ID
            scrollPic_13.arrLeftId = "gdbar-lbtn";//左箭头ID
            scrollPic_13.arrRightId = "gdbar-rbtn"; //右箭头ID
            scrollPic_13.frameWidth = 963;//显示框宽度 **显示框宽度必须是翻页宽度的倍数
            scrollPic_13.pageWidth = 321; //翻页宽度
            scrollPic_13.upright = false; //垂直滚动
            scrollPic_13.listEvent = "onclick"; //切换事件
            scrollPic_13.speed = 10; //移动速度(单位毫秒，越小越快)
            scrollPic_13.space = 10; //每次移动像素(单位px，越大越快)
            scrollPic_13.autoPlay = false; //自动播放
            scrollPic_13.autoPlayTime = 5; //自动播放间隔时间(秒)
            scrollPic_13.circularly = true; //不循环
            scrollPic_13.initialize(); //初始化
        });
    }
</script>

</body></html>